<template>
  <div>
    <van-grid :border="false" :column-num="3">
      <van-grid-item icon="star-o" text="我的收藏" @click="collection" />
      <van-grid-item icon="wap-home-o" text="我的出租" @click="hire" />
      <van-grid-item icon="clock-o" text="看房记录" />
      <van-grid-item icon="idcard" text="成为房主" />
      <van-grid-item icon="user-o" text="个人资料" />
      <van-grid-item icon="phone-o" text="联系我们" />
    </van-grid>
    <div class="bottom">
      <img
        src="http://liufusong.top:8080/img/profile/join.png"
        width="350px"
        alt=""
      />
    </div>
  </div>
</template>

<script>
export default {
  name: 'ProjectFeatures',
  methods: {
    collection () {
      this.$router.push('/collection')
    },
    hire () {
      this.$router.push('/hire')
    }
  }
}
</script>

<style lang="less" scoped>
.bottom {
  width: 100%;
  height: 85px;
  position: relative;
  border-radius: 3px;
  img {
    position: absolute;
    left: 3%;
    top: 10%;
  }
}
</style>
